<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
    <meta http-equiv="Cache-Control" content="no-siteapp"/>
    <!--[if lt IE 9]-->
    <script type="text/javascript" src="../../lib/html5shiv.js?rev=@@hash"></script>
    <script type="text/javascript" src="../../lib/respond.min.js?rev=@@hash"></script>
    <!--[endif]-->
    <link rel="stylesheet" type="text/css" href="../../static/h-ui/css/H-ui.min.css"/>
    <link rel="stylesheet" type="text/css" href="../../static/h-ui.admin/css/H-ui.admin.css"/>
    <link rel="stylesheet" type="text/css" href="../../lib/Hui-iconfont/1.0.8/iconfont.css"/>
    <link rel="stylesheet" type="text/css" href="../../static/h-ui.admin/skin/default/skin.css" id="skin"/>
    <link rel="stylesheet" type="text/css" href="../../static/h-ui.admin/css/style.css"/>
    <link rel="stylesheet" type="text/css" href="../../ht-css/Project.css"/>
    <link rel="stylesheet" type="text/css" href="../../ht-css/style-q.css"/>
    <!--[if IE 6]-->
    <script type="text/javascript" src="../../lib/DD_belatedPNG_0.0.8a-min.js?rev=@@hash"></script>
    <script>DD_belatedPNG.fix('*');</script>
    <!--[endif]-->
    <title>查看促销详情</title>
    <style>
        .level1 ul li {
            height: 30px;
            line-height: 30px;
        }

        .level1 .level1-ul {
            border-bottom: 1px solid #dedede;
        }

        .level1 .level2-content ul:last-child {
            border-bottom: 1px solid #dedede;
            padding-bottom: 5px;
        }

        .tips:hover {
            cursor: pointer;
        }
    </style>
</head>
<body>
<nav class="breadcrumb">首页 <span class="c-gray en">&gt;</span> <span>促销管理</span> <span class="c-gray en">&gt;</span> <span id="navBar">单品促销详情</span><a
        class="btn btn-success radius r" style="line-height:1.6em;margin-top:3px ;display:block" href="javascript:location.replace(location.href);"
        title="刷新"><i class="Hui-iconfont">&#xe68f;</i></a></nav>
<article class="page-container">
    <div class="bk-gray bg-1 pt-20">
        <div class="pl-20"><b>活动信息</b></div>
        <table class="table table_li">
            <tbody>
            <tr>
                <td>
                    <div class="row ml-10 clearfix">
                        <label class="f-l w-200 text-r"><span>活动名称：</span></label>
                        <span class="f-l pl-5" id="activityName"></span>
                    </div>
                </td>
            </tr>
            <tr>
                <td>
                    <div class="row ml-10 clearfix">
                        <label class="f-l w-200 text-r"><span>生效时间：</span></label>
                        <span class="f-l pl-5" id="startTime"></span>  <span class="f-l pl-5"> ~ </span> <span class="f-l pl-5" id="endTime"></span>
                    </div>
                </td>
            </tr>
            <tr>
                <td>
                    <div class="row ml-10 clearfix">
                        <label class="f-l w-200 text-r"><span>活动对象：</span></label>
                        <span class="f-l pl-5" id="activityPerson">普通客户</span>
                    </div>
                </td>
            </tr>
            <tr>
                <td>
                    <div class="row ml-10 clearfix">
                        <label class="f-l w-200 text-r"><span>活动区域：</span></label>
                        <span class="f-l pl-5" id="activityLocation">北京DC覆盖区域</span>
                    </div>
                </td>
            </tr>
            <tr>
                <td>
                    <div class="row ml-10 clearfix">
                        <label class="f-l w-200 text-r"><span>端名称：</span></label>
                        <span class="f-l pl-5" id="platform">PC端、移动端</span>
                    </div>
                </td>
            </tr>
            <tr>
                <td>
                    <div class="row ml-10 clearfix">
                        <label class="f-l w-200 text-r"><span>支付方式：</span></label>
                        <span class="f-l pl-5" id="payWay">在线支付、银行转账、银行汇票</span>
                    </div>
                </td>
            </tr>
            <tr id="categoryDiscount_show">
                <td>
                    <div class="row ml-10 clearfix">
                        <label class="f-l w-200 text-r"><span>品类折扣率价格商品是否参与：</span></label>
                        <span class="f-l pl-5" id="enableCategoryDiscount"></span>
                    </div>
                </td>
            </tr>
            <tr>
                <td>
                    <div class="row ml-10 clearfix">
                        <label class="f-l w-200 text-r"><span>广告词：</span></label>
                        <span class="f-l pl-5" id="advertisingWords"></span>
                    </div>
                </td>
            </tr>
            <tr>
                <td>
                    <div class="row ml-10 clearfix">
                        <label class="f-l w-200 text-r"><span>PC端活动定向URL：</span></label>
                        <span class="f-l pl-5" id="adPcUrl"></span>
                    </div>
                </td>
            </tr>
            <tr>
                <td>
                    <div class="row ml-10 clearfix">
                        <label class="f-l w-200 text-r"><span>APP端活动定向URL：</span></label>
                        <span class="f-l pl-5" id="adAppUrl"></span>
                    </div>
                </td>
            </tr>

            <tr>
                <td>
                    <div class="row ml-10 clearfix">
                        <label class="f-l w-200 text-r"><span>活动URL：</span></label>
                        <input type="text" class="input-text f-l pl-5 radius" style="width: 40%" id="activityUrl" readonly>
                        <input type="button" onclick="copyActivityUrl()"  class="btn btn-secondary size-S radius ml-20" value="复制url">
                    </div>
                </td>
            </tr>
            </tbody>
        </table>

        <div id="reduce_show">

            <div class="line mt-10"></div>
            <div class="clearfix mt-10 ml-10 mb-10"><label class="f-l lh-26 pl-10 w-100 text-l"><span
                    class="c-red pr-5">*</span><span>满减信息</span></label></div>
            <div class="pl-20">
                    <span class="text radius size-S w-150 ml-30">
                        <span id="fullReductionWay"></span>
                    </span>
            </div>
            <!--满金额减-->
            <div class="pl-20 mt-10 amount">
                <span class="text ml-30 mr-10" id="fixGrade-10" hidden>每满固定金额进行优惠</span>
                <div class="ml-30 mt-10 pb-10">
                    <span class="pr-5" id="useCondition-10"></span>
                    <span class="pl-5" id="useCondition-20"></span>
                    <span class="pr-5" id="ruleValue"></span>
                    <span class="pl-5" id="preferentialMost"></span>

                </div>
                <span class="text ml-30 mr-10" id="fixGrade-20" hidden>满不同级的固定金额进行优惠</span>
                <table id="reduceLevel" class="table table-border table-bordered table-bg table-hover table-sort col-xs-6 mt-10"
                       style="float:none;padding:0" hidden>
                    <thead>
                    <tr class="text-c">
                        <th style="border-right:none">层级</th>
                        <th style="border-right:none">优惠门槛</th>
                        <th style="border-right:none">优惠方式</th>
                    </tr>
                    </thead>
                    <tbody>
                    </tbody>
                </table>
            </div>
        </div>

        <div class="line mt-10"></div>
        <div class="clearfix mt-10 ml-10 mb-10"><label class="f-l lh-26 pl-10 w-100 text-l"><span
                class="c-red pr-5">*</span><span>活动商品</span></label></div>
        <div class="mt-10 pl-20 clearfix">
            <form class="ml-20 mr-20" id="promotion_see" method="get">
                <input id="productCode" name="productCode" class="input-text w-200 ml-10 radius" type="text" maxlength="15"  placeholder="请输入Code码">
<!--                <input id="helpCode" name="helpCode" class="input-text w-200 ml-10 radius" type="text" maxlength="15"  placeholder="请输入商品助记码">-->
                <input id="spuName" name="spuName" class="input-text w-200 ml-10 radius" type="text" maxlength="50"  placeholder="请输入商品名称">
                <input type="submit" id="searchButton" class="btn btn-secondary size-S radius ml-20" value="查&nbsp;&nbsp;询">
                <input type="button" class="btn size-S radius ml-10" onclick="resetData()" id="resetButton" value="重&nbsp;&nbsp;置">
                <a href="javascript:void(0)" id="exportProduct" class="f-r pr-30">导出文件</a>
                <input id="activityId" name="activityId" type="text" hidden>
                <input id="pageNum" name="pageNum" type="text" value="1" hidden>
                <input id="pageSize" name="pageSize" type="text" value="50" hidden>
            </form>
        </div>
        <table id="promotion_see_table-10" class="table table-border table-bg table-hover table-sort mt-20">
            <thead>
            <tr class="text-c">
                <th>SPU码</th>
                <th>商品名称</th>
                <th>Code码</th>
                <th>规格属性</th>
                <th>计量单位</th>
                <th>成本价(元)</th>
                <th>现金价(元)</th>
                <th>售价(元)</th>
                <th>促销价设置</th>
                <th>限购促销数量</th>
            </tr>
            </thead>
            <tbody></tbody>
        </table>
        <table id="promotion_see_table-20" class="table table-border table-bg table-hover table-sort mt-20">
            <thead>
            <tr class="text-c">
                <th>SPU码</th>
                <th>商品名称</th>
                <th>Code码</th>
                <th>规格属性</th>
                <th>计量单位</th>
                <th>成本价(元)</th>
                <th>现金价(元)</th>
                <th>售价(元)</th>
            </tr>
            </thead>
            <tbody></tbody>
        </table>
        <div class="dataTables_wrapper goods_fanye clearfix mt-5">
            <div class="f-r pageturning M-box3"></div>
        </div>
    </div>

</article>
<!--_footer 作为公共模版分离出去-->
<script type="text/javascript" src="../../lib/jquery/1.9.1/jquery.min.js?rev=@@hash"></script>
<script type="text/javascript" src="../../lib/layer/2.4/layer.js?rev=@@hash"></script>
<script type="text/javascript" src="../../static/h-ui/js/H-ui.min.js?rev=@@hash"></script>
<script type="text/javascript" src="../../static/h-ui.admin/js/H-ui.admin.js?rev=@@hash"></script> <!--/_footer 作为公共模版分离出去-->
<!--请在下方写此页面业务相关的脚本-->
<script type="text/javascript" src="../../lib/My97DatePicker/4.8/WdatePicker.js?rev=@@hash"></script>
<!--表单验证-->
<script type="text/javascript" src="../../lib/jquery.validation/1.14.0/jquery.validate.js?rev=@@hash"></script>
<script type="text/javascript" src="../../lib/jquery.validation/1.14.0/validate-methods.js?rev=@@hash"></script>
<script type="text/javascript" src="../../lib/jquery.validation/1.14.0/messages_zh.js?rev=@@hash"></script>
<script type="text/javascript" src="../../lib/datatables/1.10.0/jquery.dataTables.min.js?rev=@@hash"></script>
<script type="text/javascript" src="../../lib/laypage/1.2/laypage.js?rev=@@hash"></script>
<script src="../../ht-js/frame/doT.min.js?rev=@@hash"></script>
<script src="../../ht-js/public.js?rev=@@hash"></script>
<!--验证token-->
<script src="../../ht-js/verifyToken.js?rev=@@hash"></script>
<script src="../../ht-js/Project.js?rev=@@hash"></script>
<!--引入分页-->
<link rel="stylesheet" href="../../lib/pagination/pagination.css">
<script src="../../lib/pagination/jquery.pagination.js?rev=@@hash"></script>
<link type="text/css" rel="stylesheet" href="../../ht-js/operation-js/time-js/jedate.css">
<script type="text/javascript" src="../../ht-js/operation-js/time-js/jquery.jedate.js?rev=@@hash"></script>

<script src="../../ht-js/promotion/promotion_see.js?rev=@@hash"></script>
<script>
    jQuery.Huitab = function (tabBar, tabCon, class_name, tabEvent, i) {
        var $tab_menu = $(tabBar);
        // 初始化操作
        $tab_menu.removeClass(class_name);
        $(tabBar).eq(i).addClass(class_name);
        $(tabCon).hide();
        $(tabCon).eq(i).show();
        $tab_menu.bind(tabEvent, function () {
            $tab_menu.removeClass(class_name);
            $(this).addClass(class_name);
            var index = $tab_menu.index(this);
            $(tabCon).hide();
            $(tabCon).eq(index).show();
        });
    }

    $(function () {
        $.Huitab("#tab_topnav .tabBar span", "#tab_topnav .tabCon", "current", "click", "0")
    });

    //展开收起SPU
    function fold(ev) {
        if ($(ev).html() == "展开") {
            $(ev).html("收起");
            $(ev).parents(".level1-content").next().show();
        } else {
            $(ev).html("展开");
            $(ev).parents(".level1-content").next().hide();
        }
    }

    //鼠标经过已参加显示取消参加按钮
    $(".already_attend").mouseenter(function () {
        $(this).next().show();
        $(this).hide();
    })
    //鼠标离开取消参加按钮显示已参加
    $(".already_attend + input").mouseleave(function () {
        $(this).prev().show();
        $(this).hide();
    })

    $('.tips').hover(function () {
        $('.showspan').show()
    }, function () {
        $('.showspan').hide()
    })

    function confirmDiscount(ev) {
        $(ev).hide().siblings().not(".btn").hide();
        $(ev).siblings(".btn").show();
    }

    function cancelDiscount(ev) {
        $(ev).hide().siblings().not(".btn").hide();
        $(ev).siblings(".btn").show();
    }

    function setPromotion(ev) {
        $(ev).hide();
        $(ev).siblings().show();
    }

    //满金额优惠与满数量优惠切换
    $(".pro-toggle").change(function () {
        if ($(".pro-toggle").val() == "1") {
            $(".amount").show();
            $(".number").hide();
        } else {
            $(".number").show();
            $(".amount").hide();
        }
    });
</script>
</body>
</html>